<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./css/bg.css">
    <link rel="stylesheet" href="./css/font.css">
    <script src="./js/smoothScroll.js"></script>
    <title>index</title>
    <style type="text/css">
      .STYLE1 {
        font-family: "文悦古体仿宋 (须授权)";
        font-size: 95px;
        color: #FFFFFF;
      }
      .STYLE2 {
        font-size: 60px;
        color: #FFFFFF;
      }
      td {
          transition: transform 1.1s ease;
        }

        td:hover {
          transform: scale(1.3);
        }
      .STYLE3 {font-family: "文悦古体仿宋 (须授权)"; font-size: 150px; color: #FFFFFF; }
      .STYLE4 {font-family: "文悦古体仿宋 (须授权)"}
      .roll {
          transform: rotate(90deg);
          white-space: nowrap;
        font-family: "文悦古体仿宋 (须授权)"; font-size: 120px; color: #FFFFFF;
        width:60px
        }
      .hangju {
          line-height: 0.2;
        }
      .STYLE5 {font-size: 40px; color: #FFFFFF; }
      .STYLE6 {font-family: "文悦古体仿宋 (须授权)"; font-size: 120px; color: #FFFFFF; }
      .STYLE7 {font-size: 40px; color: #FFFFFF; font-family: "文悦古体仿宋 (须授权)"; }
      .STYLE9 {font-size: 60px; color: #FFFFFF; font-family: "文悦古体仿宋 (须授权)"; }
      .STYLE10 {font-size: 60px; color: #FFFFFF; font-family: "微软雅黑 Light"; }
      .STYLE11 {font-size: 80px}
      .STYLE13 {font-size: 110px}
      .STYLE17 {
        font-family: "微软雅黑 Light";
        font-size: 24px;
        color: #DDA4A5;
      }
      .STYLE18 {
        color: #E9C2C4;
        font-family: "微软雅黑 Light";
        font-size: 36px;
      }
      .STYLE20 {color: #FFFFFF; font-family: "文悦古体仿宋 (须授权)";}
      .STYLE21 {font-size: 55px}
      </style>
  </head>

  <body class="bg" font-family: 'WenYue-GuTiFangSong-JRFC-2', sans-serif;>
    <p>&nbsp;</p>
    <p><img src="./image/Arthur.png" width="1071" height="180"></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <div style="line-height: 0.2;">
      <blockquote>
        <blockquote>
          <p align="center" class="STYLE18">你好，我是</p>
          <p align="center" class="STYLE3">张鹏程</p>
        </blockquote>
      </blockquote>
    </div>
    <p align="center" class="STYLE17">&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <div align="center">
      <a href="#" onClick="smoothScroll('section2')">
        <img src="./image/箭头.png" alt="图片" width="93" height="49">
      </a>
    </div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p align="right">&nbsp;</p>
    <p align="right">&nbsp;</p>
    <p align="right">&nbsp;</p>
    <p align="right"><img src="./image/图片1.png" width="1400" height="602"></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <table width="2816" height="1540" border="0" align="center" >
      <tr>
        <td height="195" colspan="9"><div align="center"><span class="STYLE1"> </span><span class="STYLE20">
          <p class="STYLE11"  ><h2 class="STYLE11" id="section2">不能听命于自己者，就要受命于他人</h2>
          </p>
        </span></div></td>
        <td width="1239" rowspan="8"><img src="./image/_DSC5665_mh1693968516523.jpg" width="1239" height="1851" align="top"></td>
        <td width="10">&nbsp;</td>
      </tr>
      <tr>
        <td height="134" colspan="3"><p align="center" class="STYLE1">&nbsp;<span class="STYLE10">22岁名草有主女朋友美炸</span></p>    </td>
        <td width="175" rowspan="5" class="STYLE6"style="writing-mode: vertical-rl; text-orientation: upright;"><div align="right">超级无敌大胃王</div></td>
        <td width="111" rowspan="5" class="STYLE2"style="writing-mode: vertical-rl; text-orientation: upright;"><p align="left" class="STYLE4">至若春和景明,波澜不惊,</p>
        <p align="left" class="STYLE4">上下天光,一碧万顷</p></td>
        <td colspan="4"><blockquote>
          <p class="STYLE10">好看的皮囊</p>
          <p align="left" class="STYLE10">YOU趣的灵魂</p>
        </blockquote></td>
        <td>&nbsp;</td>
      </tr>
      <tr style="line-height: 400%;">
        <td width="380" rowspan="3" ><div class="STYLE1" style="transform: rotate(90deg); white-space: nowrap;">
          <div align="center">佛罗里"达州"</div>
        </div></td>
        <td width="166" rowspan="3"><p class="STYLE2">爱吃Love eating</p>
          <p class="STYLE2">爱玩Love to play</p>
        <p class="STYLE2">爱睡Love sleep</p>    </td>
        <td width="183" rowspan="3"style="writing-mode: vertical-rl; text-orientation: upright;"><p align="left" class="STYLE1">距离不是问题</p>
        <p align="left" class="STYLE1">爱没学过地理</p>
        <p align="left" class="STYLE1">&nbsp;</p></td>
        <td width="384" height="88" class="STYLE10"><div align="center">NARAKA</div></td>
        <td colspan="3" class="STYLE9"><div align="center"><span class="STYLE10">德里克罗斯</span></div></td>
        <td rowspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td height="82" colspan="3" class="STYLE9"><div align="center" class="STYLE21">永劫无间</div></td>
        <td width="124" rowspan="5" class="STYLE1" style="writing-mode: vertical-rl; text-orientation: upright;"><div align="left">川轻化陈冠希</div>
        <div align="right"><span class="STYLE6">达州贾斯汀</span></div></td>
      </tr>
      <tr>
        <td colspan="3" rowspan="4" style="writing-mode: vertical-rl; text-orientation: upright;"><p align="left" class="STYLE3 STYLE13">振兴种花 立志成才</p></td>
        <td height="200">&nbsp;</td>
      </tr>
      <tr>
        <td height="138" class="STYLE10"><div align="center" class="STYLE11">
          <div align="center">仪式感</div>
        </div></td>
        <td colspan="2" class="STYLE10">我怀念的是无话不说</td>
        <td rowspan="3">&nbsp;</td>
      </tr>
      <tr>
        <td height="304" colspan="2" class="STYLE1"><div align="center">广告位出租</div></td>
        <td rowspan="2" class="STYLE3"><div align="center">温柔</div></td>
        <td class="STYLE3"><div align="center">贪玩</div></td>
        <td class="STYLE1"><div align="center">最爱焦倩</div></td>
      </tr>
      <tr>
        <td height="112" colspan="2" class="STYLE5 STYLE4"><p align="center" class="STYLE7">我上网是来发疯的</p>
        <p align="center" class="STYLE7">不是来装热爱生活的</p></td>
        <td colspan="2"><p class="STYLE7"><span class="STYLE5 STYLE4">你拿什么定义我</span></p>    </td>
      </tr>
    </table>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p align="right"><img src="./image/图片2.png" width="1259" height="547"></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <table width="937" height="206" border="0" align="center">
      <tr>
        <td><img src="./image/maobi.png" width="637" height="594"></td>
        <td><img src="./image/game.png" width="690" height="530"></td>
        <td><img src="./image/basketball.png" width="581" height="580"></td>
      </tr>
      <tr>
        <td class="STYLE3"><div align="center" class="STYLE2">书法</div></td>
        <td class="STYLE3"><div align="center" class="STYLE2">游戏</div></td>
        <td class="STYLE3"><div align="center" class="STYLE2">篮球</div></td>
      </tr>
    </table>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p align="center" class="STYLE2">——End——</p>
    <p align="center" class="STYLE2">&nbsp;</p>
    <hr>
    <p align="center" class="STYLE2">&nbsp;</p>
  </body>
</html>
